.ai-aiagent-box .ai-section {
  text-align: center;
}

.ai-aiagent-box .ai-title-container {
  text-align: center;
  margin-top: 118px;
}

.ai-aiagent-box .ai-title {
  text-align: center;
  font-weight: 600;
  font-size: 42px;
  color: #101317;
  font-family: Microsoft YaHei UI;
}

.ai-aiagent-box .ai-title-icon {
  width: 44px;
  height: 34px;
}

.ai-aiagent-box .ai-title-highlight {
  color: #0066FF;
}

.ai-aiagent-box .ai-description {
  width: 814px;
  height: 45px;
  font-weight: 400;
  font-size: 18px;
  color: #7C8692;
  margin: 15px auto 45px auto;
}

.ai-aiagent-box .ai-subtitle {
  width: 273px;
  height: 70px;
  border-radius: 35px;
  border: 1px solid rgba(0, 255, 0, 0.45);
  line-height: 70px;
  background-color: rgba(0, 132, 255, 0.45);
  margin: auto;
}

.ai-aiagent-box .ai-subtitle img {
  width: 200px;
  height: 25px;
}

.ai-aiagent-box .ai-feature-icon {
  width: 48px;
  margin: 7px auto 0 auto;
  height: 12px;
}

.ai-aiagent-box .ai-input-section {
  width: 267px;
  height: 373px;
  background: #00FFC6;
  border-radius: 20px;
  position: relative;
  margin-top: 60px;
}

.ai-aiagent-box .ai-section-title {
  font-weight: 600;
  font-size: 16px;
  color: #000000;
  padding: 10px 0;
}

.ai-aiagent-box .ai-title-icons {
  width: 17px;
  height: 17px;
  margin-right: 4px;
  margin-left: 22px;
}

.ai-aiagent-box .input-method-box {
  width: 265px;
  height: 328px;
  background: #ECFFFB;
  border-radius: 20px;
  left: 1px;
  position: absolute;
  bottom: 1px;
  padding: 4px 18px;
}

.ai-aiagent-box .input-method {
  font-weight: 600;
  font-size: 16px;
  margin-top: 17px;
}

.ai-aiagent-box .method-name {
  color: #000000;
}

.ai-aiagent-box .method-name::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #00E6B3;
  border-radius: 50%;
  margin: 0 10px 0 2px;
}

.ai-aiagent-box .method-desc {
  color: #5F817A;
  margin-top: -4px;
  font-size: 14px;
  padding-left: 4px;
}

.ai-aiagent-box .platform-list {
  padding: 0;
}

.ai-aiagent-box .platform-item p {
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  text-align: center;
  padding: 9px 0 0 0;
}

.ai-aiagent-box .platform-icon {
  width: 55px;
  height: 55px;
  margin-top: 7px;
}

.ai-aiagent-box .method-note {
  font-weight: 400;
  font-size: 14px;
  color: #5F817A;
  margin-top: 34px
}

.ai-aiagent-box .method-note span {
  color: #00FFC6;
  margin-right: 6px;
}

.ai-aiagent-box .ai-visual-element {
  position: absolute;
  z-index: 2;
}

.ai-aiagent-box .ai-input-section .ai-visual-element {
  top: 71px;
  left: 264px;
  width: 207px;
  height: 231px;
}

.ai-aiagent-box .ai-features-center .ai-visual-element {
  top: 65px;
  left: 492px;
  width: 282px;
  height: 329px;
}

.ai-aiagent-box .ai-features-center {
  position: relative;
  background: url("/home/img/aiIcon1.png") no-repeat;
  width: 460px;
  height: 460px;
  top: 16px;
  left: -73px;
}

.ai-aiagent-box .ai-features-center .ai-decorative-icon1 {
  width: 72px;
  height: 26px;
  display: block;
  margin: 182px auto 7px auto;
}


.ai-aiagent-box .ai-slogan {
  font-weight: 400;
  font-size: 28px;
  color: #000000;
  text-align: center;
  margin: 38px auto 111px auto;
}

.highlight-text {
  color: #0066FF;
}

.ai-aiagent-box .ai-features-center .ai-decorative-icon2 {
  margin-left: 162px;
}

.ai-aiagent-box .features-list {
  margin-top: 39px;
}

.ai-aiagent-box .feature-item {
  width: 116px;
  height: 45px;
  background: #F9F6FF;
  border-radius: 12px;
  font-weight: bold;
  font-size: 14px;
  color: #A40ED5;
  text-align: center;
  line-height: 45px;
  margin: 0 auto 10px auto;
}